import { mapGetters } from 'vuex'

export default {
	computed: {
	    // 将 m_cart 模块中的 total 映射为当前页面的计算属性
	    ...mapGetters('m_cart', ['total']),
	},
	// 监听 total 变化 更新tabBar徽标
	watch: {
		total() {
			this.setBadge()
		}
	},
	onShow() {
		// 页面刚展示的时候，设置数字徽标
		this.setBadge()
	},
	methods: {
		setBadge() {
			// 调用 uni.setTabBarBadge() 方法，设置购物车右上角徽标
			uni.setTabBarBadge({
				index: 2, // tabBar页面索引
				text: this.total + ''  // 注意：text 的值必须是字符串，不能是数字
			})
		}
	}
}